@import "variables";

#chart1 {
  // height: 500px;
  height: pxTorem(1000px);
}

seed-grow-up {
  .topSelects {
    display: flex;
    padding: 0 pxTorem(30);
    align-items: center;
    justify-content: space-between;
    height: pxTorem(88);
    .topSelectItem {
      font-size: standard($f, f2);
      color: color(c2);
      font-weight: bold;
    }
    .arrow-icon {
      width: pxTorem(28);
      height: pxTorem(28);
      background: url(#{$icons-path}/icon_training_Pack_up@2x.png) no-repeat center/contain;
      transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      &.top {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
      }
    }
  }
  .tab-list {
    position: fixed;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    .tabs-url{
      background: #ffffff;
      max-height: 60%;
      overflow-y: scroll;
      .tab-item{
        display: flex;
        padding: 0 pxTorem(30);
        align-items: center;
        justify-content: space-between;
        height: pxTorem(80);
        font-size: standard($f, f3);
        color: color(c2);
        &.choose:after {
          display: block;
          content: '';
          width: pxTorem(30);
          height: pxTorem(30);
          background: url(#{$icons-path}/choose.png) no-repeat center/contain;
          background-size: 100% 100%;
        }
      }
    }
  }
}
